<template>
  <div class="component">
    <div class="container-center container-color-stand">
      <div class="over-hidden">
        <router-link
          class="btn btn-default pull-right icon icon-arrowsleftline mt-lg"
          :to="getMicroRoute('/tools')"
        >
          返回列表</router-link>
        <h2 class="text-left">Content-Type对照表</h2>
      </div>
      <div class="over-hidden">
        <div class="form-group">
          <label class="form-label">输入文件类型查找</label>
          <input
            type="text" class="form-input"
            v-model="extension"
          />
        </div>
        <table class="table table-bordered table-striped table-hover">
          <tbody>
            <tr>
              <th>文件扩展名</th>
              <th>Content-Type(Mime-Type)</th>
            </tr>
            <tr v-for="item in computeContentTypes" :key="item.value + item.key">
              <td>{{ item.key }}</td>
              <td>{{ item.value }}</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</template>

<script>
/* 配色集合 */
export default {
  data () {
    return {
      // 文件类型
      extension: '',
      // type列表
      contentTypes: [
        {
          'key': '.*（ 二进制流，不知道下载文件类型）',
          'value': 'application/octet-stream'
        },
        {
          'key': '.001',
          'value': 'application/x-001'
        },
        {
          'key': '.301',
          'value': 'application/x-301'
        },
        {
          'key': '.323',
          'value': 'text/h323'
        },
        {
          'key': '.906',
          'value': 'application/x-906'
        },
        {
          'key': '.907',
          'value': 'drawing/907'
        },
        {
          'key': '.a11',
          'value': 'application/x-a11'
        },
        {
          'key': '.acp',
          'value': 'audio/x-mei-aac'
        },
        {
          'key': '.ai',
          'value': 'application/postscript'
        },
        {
          'key': '.aif',
          'value': 'audio/aiff'
        },
        {
          'key': '.aifc',
          'value': 'audio/aiff'
        },
        {
          'key': '.aiff',
          'value': 'audio/aiff'
        },
        {
          'key': '.anv',
          'value': 'application/x-anv'
        },
        {
          'key': '.asa',
          'value': 'text/asa'
        },
        {
          'key': '.asf',
          'value': 'video/x-ms-asf'
        },
        {
          'key': '.asp',
          'value': 'text/asp'
        },
        {
          'key': '.asx',
          'value': 'video/x-ms-asf'
        },
        {
          'key': '.au',
          'value': 'audio/basic'
        },
        {
          'key': '.avi',
          'value': 'video/avi'
        },
        {
          'key': '.awf',
          'value': 'application/vnd.adobe.workflow'
        },
        {
          'key': '.biz',
          'value': 'text/xml'
        },
        {
          'key': '.bmp',
          'value': 'application/x-bmp'
        },
        {
          'key': '.bot',
          'value': 'application/x-bot'
        },
        {
          'key': '.c4t',
          'value': 'application/x-c4t'
        },
        {
          'key': '.c90',
          'value': 'application/x-c90'
        },
        {
          'key': '.cal',
          'value': 'application/x-cals'
        },
        {
          'key': '.cat',
          'value': 'application/vnd.ms-pki.seccat'
        },
        {
          'key': '.cdf',
          'value': 'application/x-netcdf'
        },
        {
          'key': '.cdr',
          'value': 'application/x-cdr'
        },
        {
          'key': '.cel',
          'value': 'application/x-cel'
        },
        {
          'key': '.cer',
          'value': 'application/x-x509-ca-cert'
        },
        {
          'key': '.cg4',
          'value': 'application/x-g4'
        },
        {
          'key': '.cgm',
          'value': 'application/x-cgm'
        },
        {
          'key': '.cit',
          'value': 'application/x-cit'
        },
        {
          'key': '.class',
          'value': 'java/*'
        },
        {
          'key': '.cml',
          'value': 'text/xml'
        },
        {
          'key': '.cmp',
          'value': 'application/x-cmp'
        },
        {
          'key': '.cmx',
          'value': 'application/x-cmx'
        },
        {
          'key': '.cot',
          'value': 'application/x-cot'
        },
        {
          'key': '.crl',
          'value': 'application/pkix-crl'
        },
        {
          'key': '.crt',
          'value': 'application/x-x509-ca-cert'
        },
        {
          'key': '.csi',
          'value': 'application/x-csi'
        },
        {
          'key': '.css',
          'value': 'text/css'
        },
        {
          'key': '.cut',
          'value': 'application/x-cut'
        },
        {
          'key': '.dbf',
          'value': 'application/x-dbf'
        },
        {
          'key': '.dbm',
          'value': 'application/x-dbm'
        },
        {
          'key': '.dbx',
          'value': 'application/x-dbx'
        },
        {
          'key': '.dcd',
          'value': 'text/xml'
        },
        {
          'key': '.dcx',
          'value': 'application/x-dcx'
        },
        {
          'key': '.der',
          'value': 'application/x-x509-ca-cert'
        },
        {
          'key': '.dgn',
          'value': 'application/x-dgn'
        },
        {
          'key': '.dib',
          'value': 'application/x-dib'
        },
        {
          'key': '.dll',
          'value': 'application/x-msdownload'
        },
        {
          'key': '.doc',
          'value': 'application/msword'
        },
        {
          'key': '.dot',
          'value': 'application/msword'
        },
        {
          'key': '.drw',
          'value': 'application/x-drw'
        },
        {
          'key': '.dtd',
          'value': 'text/xml'
        },
        {
          'key': '.dwf',
          'value': 'Model/vnd.dwf'
        },
        {
          'key': '.dwf',
          'value': 'application/x-dwf'
        },
        {
          'key': '.dwg',
          'value': 'application/x-dwg'
        },
        {
          'key': '.dxb',
          'value': 'application/x-dxb'
        },
        {
          'key': '.dxf',
          'value': 'application/x-dxf'
        },
        {
          'key': '.edn',
          'value': 'application/vnd.adobe.edn'
        },
        {
          'key': '.emf',
          'value': 'application/x-emf'
        },
        {
          'key': '.eml',
          'value': 'message/rfc822'
        },
        {
          'key': '.ent',
          'value': 'text/xml'
        },
        {
          'key': '.epi',
          'value': 'application/x-epi'
        },
        {
          'key': '.eps',
          'value': 'application/x-ps'
        },
        {
          'key': '.eps',
          'value': 'application/postscript'
        },
        {
          'key': '.etd',
          'value': 'application/x-ebx'
        },
        {
          'key': '.exe',
          'value': 'application/x-msdownload'
        },
        {
          'key': '.fax',
          'value': 'image/fax'
        },
        {
          'key': '.fdf',
          'value': 'application/vnd.fdf'
        },
        {
          'key': '.fif',
          'value': 'application/fractals'
        },
        {
          'key': '.fo',
          'value': 'text/xml'
        },
        {
          'key': '.frm',
          'value': 'application/x-frm'
        },
        {
          'key': '.g4',
          'value': 'application/x-g4'
        },
        {
          'key': '.gbr',
          'value': 'application/x-gbr'
        },
        {
          'key': '.',
          'value': 'application/x-'
        },
        {
          'key': '.gif',
          'value': 'image/gif'
        },
        {
          'key': '.gl2',
          'value': 'application/x-gl2'
        },
        {
          'key': '.gp4',
          'value': 'application/x-gp4'
        },
        {
          'key': '.hgl',
          'value': 'application/x-hgl'
        },
        {
          'key': '.hmr',
          'value': 'application/x-hmr'
        },
        {
          'key': '.hpg',
          'value': 'application/x-hpgl'
        },
        {
          'key': '.hpl',
          'value': 'application/x-hpl'
        },
        {
          'key': '.hqx',
          'value': 'application/mac-binhex40'
        },
        {
          'key': '.hrf',
          'value': 'application/x-hrf'
        },
        {
          'key': '.hta',
          'value': 'application/hta'
        },
        {
          'key': '.htc',
          'value': 'text/x-component'
        },
        {
          'key': '.htm',
          'value': 'text/html'
        },
        {
          'key': '.html',
          'value': 'text/html'
        },
        {
          'key': '.htt',
          'value': 'text/webviewhtml'
        },
        {
          'key': '.htx',
          'value': 'text/html'
        },
        {
          'key': '.icb',
          'value': 'application/x-icb'
        },
        {
          'key': '.ico',
          'value': 'image/x-icon'
        },
        {
          'key': '.ico',
          'value': 'application/x-ico'
        },
        {
          'key': '.iff',
          'value': 'application/x-iff'
        },
        {
          'key': '.ig4',
          'value': 'application/x-g4'
        },
        {
          'key': '.igs',
          'value': 'application/x-igs'
        },
        {
          'key': '.iii',
          'value': 'application/x-iphone'
        },
        {
          'key': '.img',
          'value': 'application/x-img'
        },
        {
          'key': '.ins',
          'value': 'application/x-internet-signup'
        },
        {
          'key': '.isp',
          'value': 'application/x-internet-signup'
        },
        {
          'key': '.IVF',
          'value': 'video/x-ivf'
        },
        {
          'key': '.java',
          'value': 'java/*'
        },
        {
          'key': '.jfif',
          'value': 'image/jpeg'
        },
        {
          'key': '.jpe',
          'value': 'image/jpeg'
        },
        {
          'key': '.jpe',
          'value': 'application/x-jpe'
        },
        {
          'key': '.jpeg',
          'value': 'image/jpeg'
        },
        {
          'key': '.jpg',
          'value': 'image/jpeg'
        },
        {
          'key': '.jpg',
          'value': 'application/x-jpg'
        },
        {
          'key': '.js',
          'value': 'application/javascript'
        },
        {
          'key': '.jsp',
          'value': 'text/html'
        },
        {
          'key': '.la1',
          'value': 'audio/x-liquid-file'
        },
        {
          'key': '.lar',
          'value': 'application/x-laplayer-reg'
        },
        {
          'key': '.latex',
          'value': 'application/x-latex'
        },
        {
          'key': '.lavs',
          'value': 'audio/x-liquid-secure'
        },
        {
          'key': '.lbm',
          'value': 'application/x-lbm'
        },
        {
          'key': '.lmsff',
          'value': 'audio/x-la-lms'
        },
        {
          'key': '.ls',
          'value': 'application/x-javascript'
        },
        {
          'key': '.ltr',
          'value': 'application/x-ltr'
        },
        {
          'key': '.m1v',
          'value': 'video/x-mpeg'
        },
        {
          'key': '.m2v',
          'value': 'video/x-mpeg'
        },
        {
          'key': '.m3u',
          'value': 'audio/mpegurl'
        },
        {
          'key': '.m4e',
          'value': 'video/mpeg4'
        },
        {
          'key': '.mac',
          'value': 'application/x-mac'
        },
        {
          'key': '.man',
          'value': 'application/x-troff-man'
        },
        {
          'key': '.math',
          'value': 'text/xml'
        },
        {
          'key': '.mdb',
          'value': 'application/msaccess'
        },
        {
          'key': '.mdb',
          'value': 'application/x-mdb'
        },
        {
          'key': '.mfp',
          'value': 'application/x-shockwave-flash'
        },
        {
          'key': '.mht',
          'value': 'message/rfc822'
        },
        {
          'key': '.mhtml',
          'value': 'message/rfc822'
        },
        {
          'key': '.mi',
          'value': 'application/x-mi'
        },
        {
          'key': '.mid',
          'value': 'audio/mid'
        },
        {
          'key': '.midi',
          'value': 'audio/mid'
        },
        {
          'key': '.mil',
          'value': 'application/x-mil'
        },
        {
          'key': '.mml',
          'value': 'text/xml'
        },
        {
          'key': '.mnd',
          'value': 'audio/x-musicnet-download'
        },
        {
          'key': '.mns',
          'value': 'audio/x-musicnet-stream'
        },
        {
          'key': '.mocha',
          'value': 'application/x-javascript'
        },
        {
          'key': '.movie',
          'value': 'video/x-sgi-movie'
        },
        {
          'key': '.mp1',
          'value': 'audio/mp1'
        },
        {
          'key': '.mp2',
          'value': 'audio/mp2'
        },
        {
          'key': '.mp2v',
          'value': 'video/mpeg'
        },
        {
          'key': '.mp3',
          'value': 'audio/mp3'
        },
        {
          'key': '.mp4',
          'value': 'video/mpeg4'
        },
        {
          'key': '.mpa',
          'value': 'video/x-mpg'
        },
        {
          'key': '.mpd',
          'value': 'application/vnd.ms-project'
        },
        {
          'key': '.mpe',
          'value': 'video/x-mpeg'
        },
        {
          'key': '.mpeg',
          'value': 'video/mpg'
        },
        {
          'key': '.mpg',
          'value': 'video/mpg'
        },
        {
          'key': '.mpga',
          'value': 'audio/rn-mpeg'
        },
        {
          'key': '.mpp',
          'value': 'application/vnd.ms-project'
        },
        {
          'key': '.mps',
          'value': 'video/x-mpeg'
        },
        {
          'key': '.mpt',
          'value': 'application/vnd.ms-project'
        },
        {
          'key': '.mpv',
          'value': 'video/mpg'
        },
        {
          'key': '.mpv2',
          'value': 'video/mpeg'
        },
        {
          'key': '.mpw',
          'value': 'application/vnd.ms-project'
        },
        {
          'key': '.mpx',
          'value': 'application/vnd.ms-project'
        },
        {
          'key': '.mtx',
          'value': 'text/xml'
        },
        {
          'key': '.mxp',
          'value': 'application/x-mmxp'
        },
        {
          'key': '.net',
          'value': 'image/pnetvue'
        },
        {
          'key': '.nrf',
          'value': 'application/x-nrf'
        },
        {
          'key': '.nws',
          'value': 'message/rfc822'
        },
        {
          'key': '.odc',
          'value': 'text/x-ms-odc'
        },
        {
          'key': '.out',
          'value': 'application/x-out'
        },
        {
          'key': '.p10',
          'value': 'application/pkcs10'
        },
        {
          'key': '.p12',
          'value': 'application/x-pkcs12'
        },
        {
          'key': '.p7b',
          'value': 'application/x-pkcs7-certificates'
        },
        {
          'key': '.p7c',
          'value': 'application/pkcs7-mime'
        },
        {
          'key': '.p7m',
          'value': 'application/pkcs7-mime'
        },
        {
          'key': '.p7r',
          'value': 'application/x-pkcs7-certreqresp'
        },
        {
          'key': '.p7s',
          'value': 'application/pkcs7-signature'
        },
        {
          'key': '.pc5',
          'value': 'application/x-pc5'
        },
        {
          'key': '.pci',
          'value': 'application/x-pci'
        },
        {
          'key': '.pcl',
          'value': 'application/x-pcl'
        },
        {
          'key': '.pcx',
          'value': 'application/x-pcx'
        },
        {
          'key': '.pdf',
          'value': 'application/pdf'
        },
        {
          'key': '.pdx',
          'value': 'application/vnd.adobe.pdx'
        },
        {
          'key': '.pfx',
          'value': 'application/x-pkcs12'
        },
        {
          'key': '.pgl',
          'value': 'application/x-pgl'
        },
        {
          'key': '.pic',
          'value': 'application/x-pic'
        },
        {
          'key': '.pko',
          'value': 'application/vnd.ms-pki.pko'
        },
        {
          'key': '.pl',
          'value': 'application/x-perl'
        },
        {
          'key': '.plg',
          'value': 'text/html'
        },
        {
          'key': '.pls',
          'value': 'audio/scpls'
        },
        {
          'key': '.plt',
          'value': 'application/x-plt'
        },
        {
          'key': '.png',
          'value': 'image/png'
        },
        {
          'key': '.png',
          'value': 'application/x-png'
        },
        {
          'key': '.pot',
          'value': 'application/vnd.ms-powerpoint'
        },
        {
          'key': '.ppa',
          'value': 'application/vnd.ms-powerpoint'
        },
        {
          'key': '.ppm',
          'value': 'application/x-ppm'
        },
        {
          'key': '.pps',
          'value': 'application/vnd.ms-powerpoint'
        },
        {
          'key': '.ppt',
          'value': 'application/vnd.ms-powerpoint'
        },
        {
          'key': '.ppt',
          'value': 'application/x-ppt'
        },
        {
          'key': '.pr',
          'value': 'application/x-pr'
        },
        {
          'key': '.prf',
          'value': 'application/pics-rules'
        },
        {
          'key': '.prn',
          'value': 'application/x-prn'
        },
        {
          'key': '.prt',
          'value': 'application/x-prt'
        },
        {
          'key': '.ps',
          'value': 'application/x-ps'
        },
        {
          'key': '.ps',
          'value': 'application/postscript'
        },
        {
          'key': '.ptn',
          'value': 'application/x-ptn'
        },
        {
          'key': '.pwz',
          'value': 'application/vnd.ms-powerpoint'
        },
        {
          'key': '.r3t',
          'value': 'text/vnd.rn-realtext3d'
        },
        {
          'key': '.ra',
          'value': 'audio/vnd.rn-realaudio'
        },
        {
          'key': '.ram',
          'value': 'audio/x-pn-realaudio'
        },
        {
          'key': '.ras',
          'value': 'application/x-ras'
        },
        {
          'key': '.rat',
          'value': 'application/rat-file'
        },
        {
          'key': '.rdf',
          'value': 'text/xml'
        },
        {
          'key': '.rec',
          'value': 'application/vnd.rn-recording'
        },
        {
          'key': '.red',
          'value': 'application/x-red'
        },
        {
          'key': '.rgb',
          'value': 'application/x-rgb'
        },
        {
          'key': '.rjs',
          'value': 'application/vnd.rn-realsystem-rjs'
        },
        {
          'key': '.rjt',
          'value': 'application/vnd.rn-realsystem-rjt'
        },
        {
          'key': '.rlc',
          'value': 'application/x-rlc'
        },
        {
          'key': '.rle',
          'value': 'application/x-rle'
        },
        {
          'key': '.rm',
          'value': 'application/vnd.rn-realmedia'
        },
        {
          'key': '.rmf',
          'value': 'application/vnd.adobe.rmf'
        },
        {
          'key': '.rmi',
          'value': 'audio/mid'
        },
        {
          'key': '.rmj',
          'value': 'application/vnd.rn-realsystem-rmj'
        },
        {
          'key': '.rmm',
          'value': 'audio/x-pn-realaudio'
        },
        {
          'key': '.rmp',
          'value': 'application/vnd.rn-rn_music_package'
        },
        {
          'key': '.rms',
          'value': 'application/vnd.rn-realmedia-secure'
        },
        {
          'key': '.rmvb',
          'value': 'application/vnd.rn-realmedia-vbr'
        },
        {
          'key': '.rmx',
          'value': 'application/vnd.rn-realsystem-rmx'
        },
        {
          'key': '.rnx',
          'value': 'application/vnd.rn-realplayer'
        },
        {
          'key': '.rp',
          'value': 'image/vnd.rn-realpix'
        },
        {
          'key': '.rpm',
          'value': 'audio/x-pn-realaudio-plugin'
        },
        {
          'key': '.rsml',
          'value': 'application/vnd.rn-rsml'
        },
        {
          'key': '.rt',
          'value': 'text/vnd.rn-realtext'
        },
        {
          'key': '.rtf',
          'value': 'application/msword'
        },
        {
          'key': '.rtf',
          'value': 'application/x-rtf'
        },
        {
          'key': '.rv',
          'value': 'video/vnd.rn-realvideo'
        },
        {
          'key': '.sam',
          'value': 'application/x-sam'
        },
        {
          'key': '.sat',
          'value': 'application/x-sat'
        },
        {
          'key': '.sdp',
          'value': 'application/sdp'
        },
        {
          'key': '.sdw',
          'value': 'application/x-sdw'
        },
        {
          'key': '.sit',
          'value': 'application/x-stuffit'
        },
        {
          'key': '.slb',
          'value': 'application/x-slb'
        },
        {
          'key': '.sld',
          'value': 'application/x-sld'
        },
        {
          'key': '.slk',
          'value': 'drawing/x-slk'
        },
        {
          'key': '.smi',
          'value': 'application/smil'
        },
        {
          'key': '.smil',
          'value': 'application/smil'
        },
        {
          'key': '.smk',
          'value': 'application/x-smk'
        },
        {
          'key': '.snd',
          'value': 'audio/basic'
        },
        {
          'key': '.sol',
          'value': 'text/plain'
        },
        {
          'key': '.sor',
          'value': 'text/plain'
        },
        {
          'key': '.spc',
          'value': 'application/x-pkcs7-certificates'
        },
        {
          'key': '.spl',
          'value': 'application/futuresplash'
        },
        {
          'key': '.spp',
          'value': 'text/xml'
        },
        {
          'key': '.ssm',
          'value': 'application/streamingmedia'
        },
        {
          'key': '.sst',
          'value': 'application/vnd.ms-pki.certstore'
        },
        {
          'key': '.stl',
          'value': 'application/vnd.ms-pki.stl'
        },
        {
          'key': '.stm',
          'value': 'text/html'
        },
        {
          'key': '.sty',
          'value': 'application/x-sty'
        },
        {
          'key': '.svg',
          'value': 'text/xml'
        },
        {
          'key': '.swf',
          'value': 'application/x-shockwave-flash'
        },
        {
          'key': '.tdf',
          'value': 'application/x-tdf'
        },
        {
          'key': '.tg4',
          'value': 'application/x-tg4'
        },
        {
          'key': '.tga',
          'value': 'application/x-tga'
        },
        {
          'key': '.tif',
          'value': 'image/tiff'
        },
        {
          'key': '.tif',
          'value': 'application/x-tif'
        },
        {
          'key': '.tiff',
          'value': 'image/tiff'
        },
        {
          'key': '.tld',
          'value': 'text/xml'
        },
        {
          'key': '.top',
          'value': 'drawing/x-top'
        },
        {
          'key': '.torrent',
          'value': 'application/x-bittorrent'
        },
        {
          'key': '.tsd',
          'value': 'text/xml'
        },
        {
          'key': '.txt',
          'value': 'text/plain'
        },
        {
          'key': '.uin',
          'value': 'application/x-icq'
        },
        {
          'key': '.uls',
          'value': 'text/iuls'
        },
        {
          'key': '.vcf',
          'value': 'text/x-vcard'
        },
        {
          'key': '.vda',
          'value': 'application/x-vda'
        },
        {
          'key': '.vdx',
          'value': 'application/vnd.visio'
        },
        {
          'key': '.vml',
          'value': 'text/xml'
        },
        {
          'key': '.vpg',
          'value': 'application/x-vpeg005'
        },
        {
          'key': '.vsd',
          'value': 'application/vnd.visio'
        },
        {
          'key': '.vsd',
          'value': 'application/x-vsd'
        },
        {
          'key': '.vss',
          'value': 'application/vnd.visio'
        },
        {
          'key': '.vst',
          'value': 'application/vnd.visio'
        },
        {
          'key': '.vst',
          'value': 'application/x-vst'
        },
        {
          'key': '.vsw',
          'value': 'application/vnd.visio'
        },
        {
          'key': '.vsx',
          'value': 'application/vnd.visio'
        },
        {
          'key': '.vtx',
          'value': 'application/vnd.visio'
        },
        {
          'key': '.vxml',
          'value': 'text/xml'
        },
        {
          'key': '.wav',
          'value': 'audio/wav'
        },
        {
          'key': '.wax',
          'value': 'audio/x-ms-wax'
        },
        {
          'key': '.wb1',
          'value': 'application/x-wb1'
        },
        {
          'key': '.wb2',
          'value': 'application/x-wb2'
        },
        {
          'key': '.wb3',
          'value': 'application/x-wb3'
        },
        {
          'key': '.wbmp',
          'value': 'image/vnd.wap.wbmp'
        },
        {
          'key': '.wiz',
          'value': 'application/msword'
        },
        {
          'key': '.wk3',
          'value': 'application/x-wk3'
        },
        {
          'key': '.wk4',
          'value': 'application/x-wk4'
        },
        {
          'key': '.wkq',
          'value': 'application/x-wkq'
        },
        {
          'key': '.wks',
          'value': 'application/x-wks'
        },
        {
          'key': '.wm',
          'value': 'video/x-ms-wm'
        },
        {
          'key': '.wma',
          'value': 'audio/x-ms-wma'
        },
        {
          'key': '.wmd',
          'value': 'application/x-ms-wmd'
        },
        {
          'key': '.wmf',
          'value': 'application/x-wmf'
        },
        {
          'key': '.wml',
          'value': 'text/vnd.wap.wml'
        },
        {
          'key': '.wmv',
          'value': 'video/x-ms-wmv'
        },
        {
          'key': '.wmx',
          'value': 'video/x-ms-wmx'
        },
        {
          'key': '.wmz',
          'value': 'application/x-ms-wmz'
        },
        {
          'key': '.wp6',
          'value': 'application/x-wp6'
        },
        {
          'key': '.wpd',
          'value': 'application/x-wpd'
        },
        {
          'key': '.wpg',
          'value': 'application/x-wpg'
        },
        {
          'key': '.wpl',
          'value': 'application/vnd.ms-wpl'
        },
        {
          'key': '.wq1',
          'value': 'application/x-wq1'
        },
        {
          'key': '.wr1',
          'value': 'application/x-wr1'
        },
        {
          'key': '.wri',
          'value': 'application/x-wri'
        },
        {
          'key': '.wrk',
          'value': 'application/x-wrk'
        },
        {
          'key': '.ws',
          'value': 'application/x-ws'
        },
        {
          'key': '.ws2',
          'value': 'application/x-ws'
        },
        {
          'key': '.wsc',
          'value': 'text/scriptlet'
        },
        {
          'key': '.wsdl',
          'value': 'text/xml'
        },
        {
          'key': '.wvx',
          'value': 'video/x-ms-wvx'
        },
        {
          'key': '.xdp',
          'value': 'application/vnd.adobe.xdp'
        },
        {
          'key': '.xdr',
          'value': 'text/xml'
        },
        {
          'key': '.xfd',
          'value': 'application/vnd.adobe.xfd'
        },
        {
          'key': '.xfdf',
          'value': 'application/vnd.adobe.xfdf'
        },
        {
          'key': '.xhtml',
          'value': 'text/html'
        },
        {
          'key': '.xls',
          'value': 'application/vnd.ms-excel'
        },
        {
          'key': '.xls',
          'value': 'application/x-xls'
        },
        {
          'key': '.xlw',
          'value': 'application/x-xlw'
        },
        {
          'key': '.xml',
          'value': 'text/xml'
        },
        {
          'key': '.xpl',
          'value': 'audio/scpls'
        },
        {
          'key': '.xq',
          'value': 'text/xml'
        },
        {
          'key': '.xql',
          'value': 'text/xml'
        },
        {
          'key': '.xquery',
          'value': 'text/xml'
        },
        {
          'key': '.xsd',
          'value': 'text/xml'
        },
        {
          'key': '.xsl',
          'value': 'text/xml'
        },
        {
          'key': '.xslt',
          'value': 'text/xml'
        },
        {
          'key': '.xwd',
          'value': 'application/x-xwd'
        },
        {
          'key': '.x_b',
          'value': 'application/x-x_b'
        },
        {
          'key': '.sis',
          'value': 'application/vnd.symbian.install'
        },
        {
          'key': '.sisx',
          'value': 'application/vnd.symbian.install'
        },
        {
          'key': '.x_t',
          'value': 'application/x-x_t'
        },
        {
          'key': '.ipa',
          'value': 'application/vnd.iphone'
        },
        {
          'key': '.apk',
          'value': 'application/vnd.android.package-archive'
        },
        {
          'key': '.xap',
          'value': 'application/x-silverlight-app'
        },
        {
          'key': '.woff',
          'value': 'font/woff'
        },
        {
          'key': '.woff2',
          'value': 'font/woff2'
        },
        {
          'key': '.ttf',
          'value': 'font/ttf'
        }
      ]
    }
  },

  computed: {
    computeContentTypes () {
      let extension = String(this.extension).trim()
      let list = []
      this.contentTypes.forEach(item => {
        if (!extension || item.key.indexOf(extension) > -1) {
          list.push(item)
        }
      })

      return list
    }
  }
}
</script>

<style lang="less">
.container-color-stand{
  ul {
    width: 20%;
    float: left;
    li {
      display: block;
      padding: 5px 10px;
      margin: 0 2px 2px 0;
      border-bottom-right-radius: 8px;
      cursor: pointer;
      a {
        text-decoration: none;
        word-wrap: break-word;
        span {
          display: block;
          font-size: 14px;
          cursor: pointer;
        }
      }
    }
  }
}
</style>
